<script setup lang="ts">
  import { useRouter } from 'vue-router'; 

  const router = useRouter();
  const goBack = () => {
    router.go(-1);
  };
  const showProgress = () => {
    router.push({ name: 'orderProgress' });
  };
</script>

<template>
  <div class="order-detail">
    <el-page-header title="返回" @back="goBack">
      <template #content>
        <span class="text-large font-600 mr-3"> 订单进度 </span>
      </template>
      <!-- <template #extra>
        <div @click="showProgress" class="text-small-div">
          <span class="text-small">查看进度</span>
          <img class="img-jr" src="@/assets/commons/jr.png" alt="">
        </div>
      </template> -->
    </el-page-header>

  </div>
</template>
<style scoped>
  .order-detail {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    padding: 20px;
    box-sizing: border-box;
  }
  .text-small-div {
    display: flex;
    align-items: center;
  }
  .img-jr {
    width: 18px;
    height: 18px;
    margin-left: 5px;
  }
</style>